/*
* @Title: 申述结果
* @Created by: gsjPC
*/
<template>
	<view>
		<comHeader :config="navConfig" />
		<view class="box">
			<view v-if="displaymain==0" class="resultimg">
				<image src="../../static/successgo.png" mode=""></image>
			</view>
			<view v-if="displaymain==1" class="resultimg failImg">
				<image src="../../static/fail.png" mode=""></image>
			</view>
			<view v-if="displaymain==0" class="title">申诉成功</view>
			<view v-if="displaymain==1" class="title">申诉失败</view>
			<view v-if="displaymain==0" class="resmain">将返回至登陆页重新登陆</view>
			<view v-if="displaymain==1" class="resmain">请返回编辑正确的身份信息</view>
			<view v-if="displaymain==0" class="resbutton" @tap="goBack">返回登陆</view>
			<view v-if="displaymain==1" class="resbutton">返回重新验证</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				comScroll: 0,
				displaymain: 0,
				navConfig: {
					isFixed: false,
					left: {
						text: '',
						isShowLeft: true,
						leftGobackColor: 'black',
						leftTextColor: 'black',
					},
					mid: {
						isShowMid: true,
						text: '申诉找回账号密码'
					},
					right: {
						text: '',
						isShowRight: false,
					}
				}
			}
		},
		
		methods: {
			goBack(){
				uni.navigateTo({
					url:'/pages/login/loginCon'
				})
			}
		}
	}
</script>

<style>
	.box {
		background-color: #F6F6F6;
		height: 100vh;
	}

	.resultimg {
		width: 100%;
		height: 178upx;
		display: flex;
		justify-content: center;
		padding: 253upx 0upx 87upx 0upx;
	}

	.resultimg image {
		width: 298upx;
		height: 178upx;
	}
	.failImg{
		width:157upx;
		height:157upx;
	}
	.title {
		width: 100%;
		text-align: center;
		font-size: 32upx;
		color: #333333;
		padding: 0upx 0upx 41upx 0upx;
	}

	.resmain {
		width: 100%;
		text-align: center;
		font-size: 28upx;
		color: #999999;
		padding: 0upx 0upx 57upx 0upx;
	}

	.resbutton {
		width: 612upx;
		height: 80upx;
		text-align: center;
		line-height: 80upx;
		color: #FFFFFF;
		border-radius: 50upx;
		margin: 57upx auto;
		font-size: 28upx;
		background: linear-gradient(left, #7EBDF4, #568FFF);
	}
</style>
